<html>
<h2>Cấu hình Website</h2>
<p id="page-intro">Thiết lập chung cho Jewelry Online</p>
<div class="clear"></div>
<div class="content-box">
    <div class="content-box-header">
        <h3>Cấu hình Website</h3>
    </div>
        <form action="index.html#option" id="optionForm" method="post" onsubmit="return validForm(this,'');">
            <div class="content-box-body">
                <div class="column-body">
                    <div class="left">
                        <p></p>
                        <h4>Site Title</h4>
                        <p>Nhập tiêu đề chung cho tất cả các trang.</p>
                        <p></p>
                    </div>
                    <div class="right">
                        <dl>
                            <dd><input class="text-input medium-input" type="text" id="txtTitle" name="txtTitle" value="Silver Jewelry Online" /></dd>
                        </dl>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="column-body">
                    <div class="left">
                        <p></p>
                        <h4>Tagline</h4>
                        <p>Nhập mô tả ngắn gọn về website.</p>
                        <p></p>
                    </div>
                    <div class="right">
                        <dl>
                            <dd><input class="text-input medium-input" type="text" id="txtTagline" name="txtTagline" value="Chuyên cung cấp trang sức bạc" /></dd>
                        </dl>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="column-body">
                    <div class="left">
                        <p></p>
                        <h4>Site Address (URL)</h4>
                        <p>Địa chỉ HTTP.</p>
                        <p></p>
                    </div>
                    <div class="right">
                        <dl>
                            <dd><input class="text-input medium-input" type="text" id="txtUrl" name="txtUrl" value="http://localhost" /></dd>
                        </dl>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="column-body">
                    <div class="left">
                        <p></p>
                        <h4>Meta Keywords</h4>
                        <p>Nhập từ khoá cho tất cả các trang. Chúng được sử dụng bởi các bộ máy tìm kiếm.</p>
                        <p></p>
                    </div>
                    <div class="right">
                        <dl>
                            <dd><input class="text-input medium-input" type="text" id="txtKeywords" name="txtKeywords" value="Trang sức bạc, trang sức nam, trang sức nữ, trang sức đôi" /></dd>
                        </dl>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="column-body">
                    <div class="left">
                        <p></p>
                        <h4>Meta Description</h4>
                        <p>Nhập từ khoá cho tất cả các trang. Chúng được sử dụng bởi các bộ máy tìm kiếm.</p>
                        <p></p>
                    </div>
                    <div class="right">
                        <dl>
                            <dd><input class="text-input medium-input" type="text" id="txtDesc" name="txtDesc" value="Chuyên cung cấp các sản phẩm chế tác từ bạc." /></dd>
                        </dl>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="column-body">
                    <div class="left">
                        <p></p>
                        <h4>Items per page</h4>
                        <p>Số sản phẩm hiển thị trên một trang.</p>
                        <p></p>
                    </div>
                    <div class="right">
                        <dl>
                            <dd><input class="text-input small-input" type="text" id="txtPerPage" name="txtPerPage" value="30" /></dd>
                        </dl>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="column-body">
                    <div class="left">
                        <p></p>
                        <h4>Currency</h4>
                        <p>Đơn vị tiền tệ dùng trong thanh toán.</p>
                        <p></p>
                    </div>
                    <div class="right">
                        <dl>
                            <dd><input class="text-input small-input" type="text" id="txtCurrency" name="txtCurrency" value="VND" /></dd>
                        </dl>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="column-body footer">
                    <input type="submit" value="Lưu Thiết lập" name="submit" />&#32;
                    <input type="reset" value="Huỷ" name="reset" />
                </div>
            </div>
        </form>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        //Tạo event blur cho các textfield và textarea
        $('#optionForm *').each(function(){
            if(this.type=='text' || this.type=='textarea' || this.type=='password'){
                $(this).blur(function(){
                    validForm(this.form,this.name);
                });
            }
        });
        $('div.column-body:odd').addClass("alt");
        $('div.column-body:last').removeClass("alt");
        $('input[type="reset"]').click(function(){
            $('.content-box-content').find('span.input-notification').each(function(){
                $(this).remove();
            });
            $('.content-box-content *').each(function(){
                $(this).removeClass('error');
            })
        });
    });
</script>
</html>